import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    //同步加载，在上面引入组件
    //异步加载组件，在打包后app.js十分大时异步加载，因为提交多次http请求比一次加载所有代码更占用时间
    //vue中的所有组件都可以异步加载，components中的注册组件名后加箭头函数
    component: () => import('../pages/home/Home.vue')
  },
  {
    path: '/city',
    name: 'City',
    component: () => import('../pages/city/City.vue')
  },
  {
    path: '/detail/:id',
    name: 'Detail',
    component: () => import('../pages/detail/Detail.vue')
  },
]

const router = new VueRouter({
  routes,
  //每次路由切换时，x，y轴为0，解决首页滚动后点击详情页面，详情页面也滚动的情况
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})

export default router
